<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta charset="UTF-8">

      <title>江源FC</title>
    <link rel="stylesheet" href="../项目5/dist/index.css">
       <script src="./index.js"></script>
    <!-- VUE -->
    <!-- 开发环境版本，包含了有帮助的命令行警告 -->
<!-- <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> -->
<!-- CSV -->
<!-- <script src="https://unpkg.com/papaparse@latest/papaparse.min.js"></script> -->
</head>
<body>

    <header>
        <!-- 导航栏 -->
        <div>
            <span id="nav-live">赛事直播</span>
            <span id="nav-scores">比分</span>
            <span id="nav-teams">球队信息</span>
            <span id="nav-players">球员数据</span>
            <span id="nav-news">新闻和文章</span>
            <span id="nav-comments">评论</span>
            <span id="nav-rankings">排行榜</span>
        </div>
    </header>

    <main>
        <!-- 主页内容 -->
        <div id="content-live" class="content-section">
            <p id="live-text"></p>
        </div>
        <!-- 其他内容区域 -->
        <div id="content-scores" class="content-section">
            <p id="scores-text">比分</p>
        <div class="team-info">
  <h2 class="team-name" id="teamName">未知球队</h2>
  <ul class="players-list" id="playersList"></ul>
  <p>最近的比赛结果：</p>
  <ul id="matchesList"></ul>
</div>
<!-- <div class="team-info">
  <h2 class="team-name" id="teamName">未知球队</h2>
  <ul class="players-list" id="playersList"></ul>
  <p>最近的比赛结果：</p>
  <ul id="matchesList"></ul>
</div> -->
        </div>
        <div id="content-teams" class="content-section title ">
            <p id="teams-text" > <h2 >球队信息</h2>
            俱乐部原型创建于2018（2014）年6月14日，由原停车场时代球员共同创建
            </p>
            <h4>联系我们</h4>
            <!-- <p>邮箱:
                <a href="mailto:3152318719@qq.com">3152318719@qq.com</a>             
            </p>
            <p> QQ:</p>
            <p> 电话：</p> -->
        </div>
        <div id="content-players" class="content-section">
            <p id="players-text">球员数据内容</p>
        </div>
        <div id="content-news" class="content-section">
            <p id="news-text">
                暂未开放.........
            </p>
        </div>
        <div id="content-comments" class="content-section">
            <p id="comments-text">
                暂未开放.........
            </p>
        </div>
        <div id="content-rankings" class="content-section scrollable-container">
            <table id="player-ranking-table" >
                 <caption class="sticky-header"><h2>排名</h2></caption>
                <thead >
                   
                   
                    <tr>
                        <th>号码</th>
                        <th>姓名</th>
                        <th>所属俱乐部</th>
                        <th>年龄</th>
                        <th>位置</th>
                        <th>进球</th>
                    </tr>
                    <tbody>
                        <!-- 球员数据将在这里动态插入 -->
                    </tbody>
                </thead>
            </table>
        </div>
    </main>

    <footer>
        <!-- 版权信息 -->
        <div><h1>&copy; 江源FC</h1></div>
    </footer>

 
</body>
</html>